@import '../style/mixin.less';
.page-home{
	height: 100%;
	.header{
		width: 100%;
		padding: 0.3rem 0.373333rem;
		background-color: #24b1f5;
		color: @white;
		.location{
			width: 100%;
			height: 2.6rem;
			line-height: 2.6rem;
			font-size: 1.5rem;
			.text-ellipsis;
			.text{
				font-size: .48rem;
			}
		}
		.search-input{
			width: 100%;
			height: 2.3rem;
			margin: 0.2rem 0;
			text-align: center;
			border-radius: 0.96rem;
			box-shadow: 0 0.026667rem 0.066667rem 0 rgba(0,0,0,.2);
			font-size: 0.346667rem;
			color: #333;
		}

	}
	.index-slider{
		height: 15.72rem;
		background-color: rgba(176, 224, 230, 0.2);
		border-radius: 30px;
		.slide-item{
			width: 25%;
	    float: left;
	    margin-top: .293333rem;
	    text-align: center;
	    img {
	    	width: 5rem;
	    	height: 5rem;
	    }
	    .title{
	    	display: block;
		    margin-top: .133333rem;
		    color: #666;
		    font-size: .52rem;
	    }
	  }
	}
	.index-seller{
		background-color: rgba(176, 224, 230, 0.2);
		border-radius: 30px;
		.title{
			line-height: .906667rem;
			margin-top: .366667rem;
			padding-left: .4rem;
			font-weight: 900;
			font-size: 2rem;
		}
		.loading-wrapper, .noMore-wrapper{
			text-align: center;
	    color: #555;
	    line-height: 1.066667rem;
		}
	}
}

